<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的书架</title>
		<script src="js/gongn.js"></script>
		<link rel="stylesheet" href="css/1.css">	
	</head>
	<body>
		<header>
		    <h1>小说世界</h1>
		    <nav>
		        <ul>
		            <li><a href="index.html" >首页</a></li>
		            <li><a href="bookshelf.html" class="active">我的书架</a></li>
		            <li><a href="fantasy.html">玄幻小说</a></li>
		            <li><a href="magical.html">奇幻小说</a></li>
		            <li><a href="metropolis.html">都市小说</a></li>
					<li><a href="review.html">讨论区</a></li>
					<li><a href="profile.html">个人中心</a></li>
		        </ul>
		    </nav>
		</header>
		<main>
			<section class="featured-books">
			    <h2>我的书架</h2>
			    <ul class="book-list">
			        <li class="book-item item1">
			            <img src="img/150 (3).webp" alt="捞尸人">
			            <h3>捞尸人</h3>
			            <p>纯洁滴小龙</p>
			        </li>
			        <li class="book-item item2">
			            <img src="img/150 (4).webp" alt="1979黄金时代">
			            <h3>1979黄金时代</h3>
			            <p>睡觉会变白</p>
			        </li>
			    	<li class="book-item item3">
			    	    <img src="img/150 (2).webp" alt="黑帆">
			    	    <h3>黑帆</h3>
			    	    <p>大贤至圣先师</p>
			    	</li>
			    </ul>
			</section>
		</main>
		<footer>
		    <p>&copy; 2024 Novel World. All rights reserved.</p>
		</footer>
		<script>
			document.querySelector(".item1").addEventListener("click",function(){
				location.href = 'detailpage/laoshiren.html'
			})
			document.querySelector(".item2").addEventListener("click",function(){
				location.href = 'detailpage/1979.html'
			})
			document.querySelector(".item3").addEventListener("click",function(){
				location.href = 'detailpage/heifanDetail.html'
			})
		</script>
	</body>
</html>